{include file="common/head"/}
<style>
  .aui-bar-nav{background:white;}
  .aui-bar-nav .aui-btn .aui-iconfont{color:black;}
  body{background:#ffffff;}
  .aui-bar-nav .aui-title{color:black;}
  h1{font-weight:600;font-size:2rem;color:#17204d}
  .title{background:#4871FC; height:5rem;border-radius:10px;padding:10px 10px 10px 15px;color:white;margin-bottom:10px;}
  .mark{background:rgba(0,0,0,0.3); height:100%;border-radius:8px;text-align:center;font-size:1rem;
    display: inline-block !important;
    width: auto  !important;
    float: right  !important;
    padding: 1.3rem 0.8rem  !important;
	color:white;
  }
  
  .title:nth-child(3){background:#723cfc}
  .title:nth-child(4){background:#e14a59}
  .title:nth-child(5){background:#353534}
  .title:nth-child(6){background:#57b6af}
  
  .title p{font-size:1rem;color:white;font-weight:normal;line-height:2rem;}
  
  .title p:nth-child(2){font-size:0.75rem;}
</style>
<title>My wallet</title>
<body>
   <header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn aui-btn-outlined" href='javascript:history.go(-1);'>
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title"></div>
    <a class="aui-pull-right aui-btn aui-btn-outlined"  href='index.html'>
        <span class="aui-iconfont aui-icon-home"></span>
    </a>
  </header>
<div class='aui-content aui-content-padded'>
  <h1>My wallet</h1>
  <div class='aui-row-padded title'>
      <a href='asset_handling.html?type=fos'><div class='aui-col-xs-8'>
	     <p>Assets: {$all_amount} FOS</p>
	     <p>点击查看交易详情</p>
	  </div>
      <div class='aui-col-xs-4 mark'>
	     <b>FOS</b>
	  </div>
	  </a>
  </div>
  
  <div class='aui-row-padded title'>
      <a href='asset_handling.html?type=f'><div class='aui-col-xs-8'>
	     <p>Assets: {$user.money}  F</p>
	     <p>点击查看交易详情</p>
	  </div>
      <div class='aui-col-xs-4 mark'>
	     <b>F</b>
	  </div></a>
  </div>
  
  <div class='aui-row-padded title'>
      <a href='asset_handling.html?type=tcsn'><div class='aui-col-xs-8'>
	     <p>Assets: {$user.tcsn} TCSN</p>
	     <p>点击查看交易详情</p>
	  </div>
      <div class='aui-col-xs-4 mark'>
	     <b>TCSN</b>
	  </div></a>
  </div>
  
  <div class='aui-row-padded title'>
     <a href='asset_handling.html'> <div class='aui-col-xs-8'>
	     <p>Assets: 0 F</p>
	     <p>点击查看交易详情</p>
	  </div>
      <div class='aui-col-xs-4 mark'>
	     区块
	  </div></a>
  </div>
  
  <div class='aui-row-padded title'>
     <a href='asset_handling.html'> <div class='aui-col-xs-8'>
	     <p>Assets: 0 F</p>
	     <p>点击查看交易详情</p>
	  </div>
      <div class='aui-col-xs-4 mark'>
	     股权
	  </div></a>
  </div>
</div>

<div id="main" style="height:10rem"></div>

{include file="common/footer"/}
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
<script type="text/javascript">
    require.config({
		paths: {
			echarts: 'http://echarts.baidu.com/build/dist'
		}
	});
	
	// 使用
	require([
			'echarts',
			'echarts/chart/line'
		],
       function (ec) {
			var myChart = ec.init(document.getElementById('main')); 
			var option = {
				title : {
					text: '',
					subtext: ''
				},
				grid : {
					x:10,
					y:30,
					x2:10,
					y2:0,
					borderColor:'white'
				},
				tooltip : {
					trigger: 'axis'
				},
				legend: {
					data:[]
				},
				toolbox: {
					show : false,
					feature : {
					}
				},
				
				xAxis : [
					{
					    position:'top',
						type : 'category',
						boundaryGap : false,
						data: [{value: '1号',textStyle: {fontSize: 14,color: '#9e9e9e'}},
						       {value: '2号',textStyle: {fontSize: 14,color: '#9e9e9e'}},
							   {value: '3号',textStyle: {fontSize: 14,color: '#9e9e9e'}},
							   {value: '4号',textStyle: {fontSize: 14,color: '#9e9e9e'}}
						],
						splitLine:{lineStyle:{color:'#efefef'}},
						axisLine:{show:false},
					}
				],
				yAxis : [
					{
						type : 'value',
						show:false,
					}
				],
				series : [
					{
						name:'成交',
						type:'line',
						smooth:true,
						itemStyle: {normal: {lineStyle:{color:'#c3c6ff'}, areaStyle: {type: 'default', color:'#c3c6ff'}}},
						data:[54, 260, 830, 710]
					}
				]
			};
			myChart.setOption(option); 
		});
						
</script>
</body>
</html>